<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <!--无数据提示 开始-->
    <section th:if="${#lists.isEmpty(dataMap['list'])}" class="no-data__wrap">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">这个讲师有点懒，还没有回答问题~~~</span></p>
    </section>
    <!--无数据提示 结束-->
    <section th:if="!${#lists.isEmpty(dataMap['list'])}" class="row">
        <section th:each="question: ${dataMap['list']}" class="col-sm-6">
            <div class="c-taQuestion-item">
                <aside th:if="${question['completeStatus']==1}" class="taQuestion-state bg-danger">
                    <span class="fs12 c-fff">未解决</span>
                </aside>
                <aside th:if="${question['completeStatus']==2}" class="taQuestion-state bg-primary">
                    <span class="fs12 c-fff">已解决</span>
                </aside>
                <section class="clearfix">
                    <div class="media">
                        <div class="media-left">
                            <a th:href="@{/web/qa/questionInfo?questionId={questionId}(questionId=${question['id']})}">
                                <img class="media-object img-circle lazy-user" alt="64x64" th:attrappend="data-original=${question['user']['avatar']}" th:src="@{{path}/front/web/v3/img/default/default-face.gif(path=${staticPath})}" width="42" height="42">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">
                                <a th:href="@{/web/qa/questionInfo?questionId={questionId}(questionId=${question['id']})}" class="fs14 c-666" th:text="${question['user']['nickname']}"></a>
                            </h4>
                            <span class="fs12 c-ccc" th:text="${#strings.substring(question['createTime'],0,16)}"></span>
                        </div>
                        <div class="mt5 cm-desc-txt__twoLine">
                            <p class="fs12 c-666"><i class="fa fa-photo" th:text="' ' + ${question['context']}"></i></p>
                        </div>
                        <div class="clearfix mt10">
                            <aside class="pull-right">
                                <a th:if="${question['isFree']==1} or ${question['questioner']} or ${question['attender']}" th:href="@{/web/qa/questionInfo?questionId={questionId}(questionId=${question['id']})}">
                                    <button class="btn btn-sm btn-danger btn-outline" type="button">查看详情</button>
                                </a>
                                <a th:if="${question['isFree']==2} and !${question['questioner']} and !${question['attender']}" th:href="@{/web/qa/questionInfo?questionId={questionId}(questionId=${question['id']})}">
                                    <button class="btn btn-sm btn-danger btn-outline" type="button">围观问题</button>
                                </a>
                            </aside>
                            <aside class="pull-left fs12 mt5">
                                <span class="c-999">本问题价值</span>
                                <span class="c-danger" th:if="${question['price']}>0"><i class="fa fa-rmb"></i> <small class="fs14" th:text="${question['price']}"></small></span>
                                <span class="c-primary" th:if="${question['price']}<=0">免费</span>
                                <span class="ml10 c-999" th:text="${question['attendNum']} + '人围观'"></span>
                            </aside>
                        </div>
                    </div>
                </section>
            </div>
        </section>
    </section>
</html>